<template>
	
	<div class="news border-top">
		<div class="news-left border-right"><img src="../../../assets/imges/toutiao.png" /></div>
		<div class="news-right">
			小小发布了任务:<span class="red">寻求甲方P2P</span>  推广赏金<span class="red">￥800 - 3000</span>
			专业推广，量大质优，多种合作模式CPC CPM
		</div>
	</div>
	
</template>


<script>
	
export default  {
	name:'news'
}

</script>  

<style scoped>
.news{
	display: flex;
	padding: .3rem;
	background-color: #fff;
}
.news-left{
	width: .9rem ;
	height: .58rem;
	padding-right: .17rem;
}
.news-left img{
	display: block;
	width: .72rem;
	height: 100%;
} 
.news-right{
	width: 6rem;
	height: .58rem;
	line-height: .3rem;
	font-size: .24rem;
	padding-left:.3rem ;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.red{
	color: #ff4752;
}
</style>